<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initialscale=1.0">

   <title>06-JS语句</title>
</head>
<body>
    <div id="did" style="color: blue;font-size: 20px;">
       Hello World
    </div>
    <div>
       您喜欢的水果：<input id="myInput" type="text" 
value="Banana">
    </div>
</body>
    <script>
        //if语句
        var time = new Date().getHours(); 
        if (time > 9) {
            //修改标签值
            document.getElementById("did").innerHTML = "Good Morning";
       }
        // 添加分割线
        document.write("<hr>");
        // switch语句
        var text;
        var fruits = document.getElementById("myInput").value;
        switch(fruits) {
            case "Banana":
                text = "Banana is good!";
                break;
            case "Orange":
                text = "I am not a fan of orange.";
                break;
            case "Apple":
                text = "How you like them apples?";
                break;
            default:
                text = "I have never heard of that fruit...";
       }
        alert(text);
        // for循环
        var text = "";
        var i;
        for (i = 0; i < 5; i++) {
            text += "The number is " + i + "<br>";
       }
        document.write(text);
        // 添加分割线
        document.write("<hr>");
        // while循环
        var text = "";
        var i = 10;
        while (i > 5) {
            text += "<br>The number is " + i;
            i--;
       }
         document.write(text);
    </script>
</html>